01The challenge

A cycle app that explains the whole month.

A self-initiated product concept for women's hormonal health. The challenge: most apps treat the cycle as a countdown to the next period — ignoring the hormonal shifts that move energy, mood, skin and sleep all month. Luna turns the cycle into context, not a date.

Hormonal phases Conversational logging Privacy-first

Design goalConnect each hormonal phase to daily life, so tracking feels useful, not clinical.

Role
Solo designer · UX/UI
Platform
iOS · Android
Scope
Onboarding · Home · Logging · Insights
Format
Self-initiated · 2026
02Diagnosis

Tracking the date isn't tracking your health.

I benchmarked the category — Clue, Flo, Apple Health. They predict the next period well, but the cycle is flattened into a countdown. The other three weeks, where most of the hormonal story actually happens, go unexplained.

Most apps answer "when is my next period?" — almost none answer "why do I feel like this today?"

9:41
Next period
14
days away
MTWTFSS 2345678 9101112131415 16171819202122
// the whole screen = a date. No context, no why.
1

A countdown, not context

The home is a single number: days until the next period. It says nothing about the phase you're in today or what it means for your energy and mood.

2

Logging feels clinical

Symptoms are dense grids of tiny icons to tap through. It feels like data entry for a doctor, not a daily check-in with yourself.

3

Privacy asked too late

Most apps demand an account and sensitive data up front, with no plain explanation of what's stored or why. Trust is assumed, never earned.

Heuristic benchmark

Four apps against the five things that actually matter for understanding the whole cycle. The gaps clustered in the same places — and that became Luna's brief.

Capability
Clue
Flo
Apple Health
Luna
Phase context all month, not a countdown
Daily logging that feels conversational
Plain-language insight over raw data
Privacy explained before the data ask
Usable with no account
Does it well Partial or buried Missing
03Strategy

Design around the phase, not the date.

Three principles reframed the product: lead with the current phase, make logging feel human, and always translate data into one plain-language insight.

PRINCIPLE 01 · PRIMARY

Phase-based home

"What's happening in my body right now?"

The home adapts to the current phase — menstrual, follicular, ovulatory or luteal — surfacing what matters today instead of a generic dashboard.

Priority
PRINCIPLE 02 · SECONDARY

Logging as conversation

"I don't want to fill out a form."

Instead of a grid of icons, Luna asks one question at a time — lowering cognitive load and making the daily check-in feel natural.

Priority
PRINCIPLE 03 · SECONDARY

Insight over data

"Just tell me what it means."

Raw numbers are always translated into one plain sentence — "Your energy tends to peak in the next 3 days."

Priority
Three UX techniques behind the decisions

Progressive disclosure

The home shows one insight at a time; depth is opt-in. A first glance never overwhelms someone who just wants to feel better.

Conversational UI

One question, one answer. Logging reads like a chat, so it feels personal and takes seconds instead of a clinical form.

Privacy by design

Luna explains what is stored and why before asking for anything — and works with no account, on-device first.

04Solution · high fidelity

Four screens, phase by phase.

The flow from first open to daily insight, reconstructed in high fidelity. Each screen keeps one job and translates the body's data into something you can actually use today.

9:41
Welcome

Your data stays yours.

Before we start, here's exactly what Luna does — and doesn't — with what you log.

Stored on your device
Your logs live on your phone by default.
Never sold, never ads
No third parties, no data brokers.
Delete it all, anytime
One tap removes everything for good.
No account needed · Why we ask
Hi, Sofía
Tuesday, June 9
S
Follicular
Cycle day 9
Follicular
Energy rising
Your energy tends to peak in the next 3 days.
A good window for harder workouts and big tasks.
TodayLog
Energy
High
Mood
Bright
Skin
Clear
Sleep
7h 40m
June
Cycle day 9 · 28-day average
MTWTFSS123456789101112131415161718192021222324252627282930
Menstrual Follicular Ovulatory Luteal
This cycle
June · 28-day cycle
Pattern noticed
Your energy was highest in the follicular phase — and dipped 2 days before your period.
Phase timeline
Menstrual Follicular Ovulatory Luteal
This cycle
Lower mood on luteal days
Logged 4 of the last 6 cycles
Clearer skin mid-cycle
Around ovulation, most months
S
Sofía
No account · stored on device
Privacy & data
On device · review or delete anytime
Daily reminder
Check-in at 9:00
Cycle length
28 days · auto-adjusts
Export my data
CSV · or delete everything
1 / 3
Today
Cycle
Insights
You
Tap to navigate
Interactive prototype
Try it — navigate Luna
This isn't a screenshot. Start with onboarding, tap the bottom tabs to move between Today, Cycle, Insights and You, or open a daily check-in. Follow the four chapters, or just explore.
05Design system

One calm system behind every screen.

A small, documented foundation: one warm magenta for brand and action, four hormonal-phase hues that carry meaning across the app, and a type pairing tuned to sound like a knowledgeable friend.

Foundations

Color

Hormonal phases
Menstrual
#E06B86
Follicular
#5FAE92
Ovulatory
#E59A5B
Luteal
#9B82CC
Brand & neutrals
Accent
#7B0593
Ink
#221033
Surface
#FCF8FD
Line
#ECE4F1
Identity

The mark

Luna

A crescent carved from a single circle — the moon that names the app, and a quiet nod to the cycle it follows. It holds up as a 30px tab glyph or a 48px lockup without redrawing.

Foundations

Typography Hanken Grotesk · Spline Sans Mono

Whole monthDisplay · Hanken 800 · −3%
Section headingHeading · Hanken 700 · −2%
Body — calm, plain, never clinical.Body · Hanken 400 · 16/1.6
CYCLE DAY 09Mono · Spline 600 · +12%
Library

Core components

Primary action
Insight card
Energy rising
A good window for harder workouts and big tasks.
Navigation
Today
Cycle
Insights
You
Phase chips
Menstrual Follicular Ovulatory Luteal
06Before / After

From a date to a daily picture.

The same moment — opening the app — before and after. A countdown to one event becomes context for every day of the month.

Clue
9:41
Next period
14
days away
MTWTFSS 2345678 9101112131415 16171819202122
// Clue · the whole screen = a date. No context, no why.
Luna
9:41
Hi, Sofía
Tuesday, June 9
S
Follicular
Cycle day 9
Follicular
Energy rising
Your energy tends to peak in the next 3 days.
A good window for harder workouts and big tasks.
Energy
High
Mood
Bright
Design decisions reflected in the final screens
Hormonal phases visible on home
04
Taps to complete a log
~62
Plain-language insight per screen
01
Privacy steps before data ask
03
07Process

From research to a system in three weeks.

As a solo, self-initiated project, speed mattered. I used AI to compress the mechanical work — synthesizing benchmarks, drafting copy, pressure-testing edge cases — so the time went to judgment, not busywork.

STEP 01

Benchmark & synthesis

I compared Clue, Flo and Apple Health and clustered the gaps into three: no phase context, clinical logging, late privacy. The brief wrote itself from the patterns.

Competitive gap analysis
STEP 02

Phase model & IA

I mapped the four hormonal phases to what each one changes — energy, mood, skin, sleep — and turned that into the home's information architecture and the cycle ring.

Phase → signal mapping
STEP 03

A warm, human voice

I drafted and iterated the conversational copy and insights until they sounded like a knowledgeable friend — plain, kind, never clinical and never alarmist.

Tone & microcopy
STEP 04

Pressure-testing

I used AI as a devil's advocate: what if cycles are irregular? what about users who don't want predictions? Questioning each choice surfaced edge cases before prototyping.

Edge cases & counterarguments

The hardest design problem wasn't the interface — it was deciding how much hormonal complexity to surface without overwhelming someone who just wants to feel better. Every screen is a tradeoff between depth and clarity. Luna's answer: one insight at a time, depth always opt-in.

Next project
Despegar

Like what you see?

Let's talk about your product.

Get in touch